<div class="right">
    <div class="f-right-title border-bottom">
        <a  ng-repeat="item in titleNavation" ng-class="isShowCurrent[$index]?'f-right-title-checked':'f-right-title-noChecked'"  ng-click="checkTitle(item.type,$index)" ng-bind="item.title"></a>
    </div>
    <div class="f-right-filter ">
        <div class="f-right-filter-r clearfix">
        </div>
    </div>
    <div class="f-right-table ">
        <div class="f-friends-box clearfix">
            <div class="f-friends-item clearfix" ng-repeat="item in follow track by $index">
               <div class="f-friends-item-l">
                   <img class="user-pic" ng-src="{{item.logo}}" alt=""/>
               </div>
                <div class="f-friends-item-r">
                    <p class="f-friends-item-r-up clearfix">
                        <a style="font-size:14px;line-height:25px;max-width: 80px;height:25px;display: block;" class="text-overflow" ng-click="goOthersPage1(item)" ng-bind="item.name"></a>
                        <a > <span send-message message-conf="messageConf"></span><img   ng-click="sendMessage(item)" src="them/images/message_inc.png"/></a>
                        <!--<a class="cancel_care care_btn" ng-show="careType == 1" ng-click="cancelCare(item.followUserId,$event)">x取消关注<span class="care_message">取消成功！</span></a>
                        <a class="add_care care_btn" ng-show="careType == 2" ng-click="addCare(item.followUserId,$event)">+加关注<span class="care_message">添加成功！</span></a>
                        <a class="has_care care_btn" ng-show="careType == 3">已关注</a>-->
                    </p>
                    <p class="f-friends-item-r-down">
                        <a><span>级别：</span><span ng-bind="item.class"></span></a>
                        <a><span>专业：</span><span >{{item.userType==1?item.typeOne:item.typeTwo}}</span></a>
                    </p>
                </div>
            </div>
            <no-content conf-type="'resume'" conf-content="'Ta暂时没有相关数据'" ng-if="follow.length == 0"></no-content>
        </div>

        <ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
    </div>
</div>
<style>

    /*好友列表样式设定*/
    .f-friends-box{
        width:970px;
        min-height:140px;
        padding:20px;
        background:#fff;

    }
    .f-friends-item{
        float:left;
        width:300px;
        height:110px;
        margin-right:20px;
        margin-bottom:20px;
        background: #F5F5F3;
        border-radius: 2px;
    }
    .f-friends-item-l ,.f-friends-item-r{
        float:left;
    }
    .f-friends-item-l{
        width:90px;
        height:100px;
    }
    .f-friends-item-r{
        width:210px;
    }
    .f-friends-item-r-up{
        height:30px;
        margin-top: 20px;
    }
    .cancel_care{
    	width: 75px;
    	height: 22px;
    	background: #fea30c;
    	color: #fff;
    	text-align: center;
    	line-height: 22px;
    }
    .add_care{
    	width: 64px;
    	height: 20px;
    	background: #30a3fe;
    	color: #fff;
    	text-align: center;
    	line-height: 20px;
    }
    .has_care{
    	width: 64px;
    	height: 20px;
    	background: #dedede;
    	color: #fff;
    	text-align: center;
    	line-height: 20px;
    }
    .care_btn{
    	position: relative;
    }
    .care_message{
    	position: absolute;
    	width: 62px;
    	height: 16px;
    	color: #2fa2fd;
    	text-align: center;
    	line-height: 16px;
    	border: 1px solid #2fa2fd;
    	top: -25px;
    	left: 0;
    	opacity: 0;
    	filter: alpha(opacity=0);
    }
    .f-friends-item-r .f-friends-item-r-up a{
        float: left;
        margin-right: 15px;
    }
    .user-pic{
        display: inline-block;
        height:56px;
        width:56px;
        border-radius: 28px;
        border:1px solid #ddd;
        margin-top: 20px;
        margin-left: 15px;
    }
    .message-inc{
        margin-top: 6px;
         height:10px;
         width:16px;
         display: block;
        background:url("them/images/message_inc.png") no-repeat;
    }
    .cancel-attention{
        margin-left:15px;
        width:76px;
        height:25px;
        display:block;
        background:url("them/images/cancel_attention.png") no-repeat;
    }
    .f-friends-item-r-down{
        margin-top:15px;
    }
    .f-friends-item-r-down a{
        display:block;
        margin-bottom:5px;
    }



    a:hover {
        text-decoration: none;
        color:#00AAFE
    }
    .right{
        width:960px;
        float:left;
        padding-left:30px;
    }
    .right .f-right-title{
        height:50px;
    }
    .f-right-title-noChecked{
        float:left;
        display: block;
        line-height: 50px;
        font-size: 14px;
        margin-right:30px;
    }
    .f-right-title-checked{
        float:left;
        display: block;
        line-height: 50px;
        font-size: 14px;
        margin-right:30px;
        color:#00AAFE;
        background: #F5F5F3;
        font-weight: bold;
        border-bottom:2px solid #00AAFE;
    }
    .f-right-title {
        padding-left: 20px;
    }
    .f-right-filter{
        height: 40px;
        padding-top: 10px;
        padding-left: 20px;
    }
    .f-right-filter-l a{
        display: block;
        float:left;
        margin-right:12px;
        font-size: 12px;
        margin-top: 5px;
        padding-right: 10px;
        color:#00AAFE;
    }
    .f-right-filter-l a:nth-child(1){
        color: #666460;
    }
    .f-right-filter-l a:hover{
        font-weight: bold;
    }
    .f-right-filter-l a:nth-child(1):hover{
        font-weight: normal;
    }
    .addRightBorder{
        border-right:1px solid #00AAFE;
    }
    .notAddRightBorder{
        border-right:0px solid #00AAFE;
    }
    .f-right-filter-r{
        float:right;
    }
    .f-right-filter-search,.f-right-filter-uploadFile{
        float:left;
    }
    .f-right-filter-search{
        width:190px;
        height:30px;
        background:url("them/images/mine_search.png") no-repeat;
        margin-right:20px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
    }
    .f-right-filter-search input{
        float: left;
        width:148px;
        height:26px;
        border:0px solid #ddd;
        background: transparent;
        padding-left:10px;
    }
    .f-right-filter-uploadFile{

        width:90px;
        height:30px;
        background:url("them/images/uploadData_inc.png") no-repeat;
    }
    .f-right-filter-search-btn{
        float: left;
        display: block;
        width:30px;
        height:34px;
        cursor: pointer;
    }
    .f-right-filter-deleteRecords{
        line-height: 30px;
        width: 90px;
        height: 30px;
        color: #fff;
        background: #30A3FE;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
    }

</style>